
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="160">
    <defs>
        <filter id="filter_image" x="0" y="0">
            <feGaussianBlur stdDeviation="10" />
        </filter>
    </defs>
    <rect x="0" y="0" width="400" height="140" rx="10" ry="10" style="fill:#333;stroke-width:5;" />
    <rect id="songImageRect" x="30" y="30" width="80" height="80" rx="100" ry="100" style="fill:#333333;stroke-width:5;" />
    <clipPath id="songBgPath">
        <use xlink:href="#songBgRech" />
    </clipPath>
    <clipPath id="songImagePath">
        <use xlink:href="#songImageRect" />
    </clipPath>

    <g font-family="Consolas, PingFangSC-Regular, Microsoft YaHei" font-size="20">
        <text x="137" y="41" fill="black">[[${song_name}]]</text>
        <text x="138" y="40" fill="white">[[${song_name}]]</text>
    </g>

    <g font-family="Consolas, PingFangSC-Regular, Microsoft YaHei" font-size="14">
        <text size="16" x="137" y="59" fill="#000">[[${song_singer}]]</text>
        <text size="16" x="138" y="60" fill="#999">[[${song_singer}]]</text>
    </g>

    <g font-family="Consolas, PingFangSC-Regular, Microsoft YaHei" font-size="12">
        <text size="16" x="137" y="99" fill="#000"></text>
        <text size="16" x="138" y="100" fill="#999"></text>
    </g>


    <a th:href="${mywebpath}+${roomid}" target="_blank" style="cursor:pointer;">
        <g font-family="Consolas, PingFangSC-Regular, Microsoft YaHei" font-size="12" text-anchor="right">
            <text size="16" x="137" y="119" fill="#000">ID:[[${roomid}]] [[${room_name}]]</text>
            <text size="16" x="138" y="120" fill="#666">ID:[[${roomid}]] [[${room_name}]]</text>
        </g>
    </a>
    <a th:href="${mywebpath}" target="_blank" style="cursor:pointer;">
        <g font-family="Consolas, PingFangSC-Regular, Microsoft YaHei" font-size="12" text-anchor="right">
            <text size="16" x="320" y="158" fill="#aaa" >[[${mywebpath}]]</text>
        </g>
    </a>
    <image xlink:href="/new/images/player_bg.png" width="120" height="120" x="10" y="10"/>
    <image th:href="${song_pic}!=null?${song_pic}:''" x="30" y="30" height="80" width="80" clip-path="url(#songImagePath)">

        <animateTransform
                attributeName="transform"
                attributeType="XML"
                type="rotate"
                from="0 70 70"
                to="360 70 70"
                dur="30"
                repeatCount="indefinite" />
    </image>

    <image xlink:href="/new/images/player_bar.png" height="80" x="64" y="0"/>
</svg> 

